/* 
    Document   : style
    Created on : Sep 26, 2012, 12:40:14 PM
    Author     : SK.CR
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

@font-face{
    font-family: FrutigerBL;
    src: url('Frutiger_Extra_Black_Cn.ttf');
}

@font-face{
    font-family: FrutigerLight;
    src: url('Frutiger_CE_45_Light.ttf');
}

@font-face{
    font-family: FrutigerLightCond;
    src: url('Frutiger_LT_47_Light_Condensed.ttf');
}

html{
    background-color: #F1F1F1 !important;
}

body *{
    margin: 0;
    font-family: FrutigerLightCond !important;
    font-size: 1em;
}
.contenedor{
      overflow:  hidden;
      padding: 45px 65px 0px;
}
p{
    font-size: 1em !important;
}

.separator{
    clear: both;
    min-height: 25px;
    position: relative;
}

h3{
    font-family: FrutigerLightCond !important;
    font-size:1.6em;
}

.ui-input-label-right, .ui-optional-indicator-right, .ui-required-indicator-right{
    font-size: 1em !important;
}

h3.header-bg{
    /*background-color: #1a1a1a !important;
    color:white;
    margin-top: -23px !important;
    margin-left: -8px;
    margin-right: -8px;
    line-height: 55px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 20px;*/
    background-color: #D2232B !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 10px rgba(0, 0, 0, 0.1);
    color: white;
    font-size: 20px;
    height: 54px;    
    margin-top: 0 !important;
    text-align: center;
}

.ico-head{
    float: left;
    margin-left: 20px;
    margin-top: 8px;
    padding-right: 10px;
    position: relative;
    z-index: 100;
}

.icoh2{
    margin-top: -3px !important;
}

.hiddenDiv{
    visibility: hidden;
}

.combo-lb1{
    margin-left: 0px;
    margin-top: 6px !important;
    margin-right: 76px;
}

.combo-lb2{
    margin-right: 93px;
}

.combo-lb3{
    margin-right: 82px;
}

.combo-lb4{
    margin-right: 10px;
}

.combo-lb5{
    margin-right: 33px;
}

#brand{
    position: relative !important;
    float:left !important;
    margin-left: 105px !important;
}

.ico-label{
    position: absolute;
    margin-left: -23px;
    margin-top: 10px;   
}

.padded{
    padding-left: 10px !important;
}

.canvas{
    border-color: #D3D3D3 !important;
    color: #D3D3D3 !important;
    background-color: #D3D3D3 !important;
}

.ui-panel{
    padding-left: 10px;
}

.ui-input-label-left, .ui-input-label.hidden{
    width:120px;
}

.help-box{
    background-color: #005499;
    border: 1px solid #005499;
    border-radius: 5px 5px 5px 5px;
    color: white;
    font-size: 1em !important;
    margin-left: 425px;
    margin-right: 35px;
    padding: 25px;
    position: absolute;
    text-align: justify;
    margin-top:0px;
}

.dataEntryForm{
    padding-right: 10px;
    padding-left: 10px;
    float:left;
    width:80%;
    margin-left: 10%;
}

.botonEnviar{
    height: 50px;
    padding-top:15px;
    margin-bottom: 20px;
    width: 285px;
    font-family: FrutigerBL;
    font-weight: bold;
    font-size: 22px !important;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px 5px 5px 5px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    line-height: normal;
    background-color: #005499;
    background-repeat: repeat-x;
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    margin-right:25px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.botonEnviar:hover{
  color: #ffffff;
  background-color: #2D2D2D;
  *background-color: #003bb3;
  text-decoration:underline;
}

.contRevVehiculo{
    margin-left: 2%;
    margin-right: 2%;
    border:none;
}

.fecha{
    position: relative !important;
    float: left !important;
    width: 49% !important;
    margin-right: 1% !important;
}

.panel2{
    position: relative !important;
    float: left !important;
    margin-left: 330px;
    margin-top: -387px;
    border:none;
}

.panel3{
    position: relative !important;
    float: left !important;
    margin-left: 725px;
    margin-top: -387px;
    border:none;
}

.panel-tabs{
    width:70%;
    margin-left:15%;
    margin-right: 15%;
}

.contenedorDatos{
    background: none;
    border:none !important;
    margin-top: -20px;
    margin-bottom: -25px;
    width:100%;
}

.no-margin-top{
    padding-top: 0px;
   
}

.strong{
    font-weight: bold;
}

.combo-civil{
    margin-left: 38px;
}

.group-element {
    margin-left: 50px;    
}

.group-separator{
    margin-left: 50px;
}

.no-border{
    border:none;
}

.panel-interfaz{
    position:relative;
    padding: 50px;    
    height: 450px;
}

.col-container{
    position: relative;
    float: left;
    border:1px solid black;
    width:335px;
    padding-left: 0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
}

.nav-back{
    position:absolute;
    /*margin: -23px 0 0;*/
    padding:4px;
    cursor: pointer !important; 
}

.guardarMarchamo{
    margin: 40px 228px 0;
    padding-bottom: 45px;
}
.botonMenu {
    max-width: 200px;
    position: relative;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
}

.header-btn {
    background-color: #EEEEEE;
    border-color: #C6C6C6;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px 0 0;
    padding-top: 20px;
    width: 181px;
}
.btn-text {
    font-weight: bold;
    margin-top: -10px;
    text-align: center;
}


.link{
    background-color: #f7f7f7;
    border: 1px solid #C6C6C6;
    display: block;
    min-height: 160px;
    min-width: 180px;
    height: 160px;
    width: 180px;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
}

.link img{
    padding-top: 10px;
    alignment-adjust: central;
    border: none;
}

.link:link{
    text-decoration: none;
    padding: 5px;
}

.link:hover{
    background-color:#F1F1F1;
    text-decoration: underline;
    -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    1px 1px 5px rgba(50, 50, 50, 0.3);
    box-shadow:         1px 1px 5px rgba(50, 50, 50, 0.3);
}

.logo{
    margin-bottom: 2%;
}

.grupo1{
    position:relative;
    float: left;
}

.grupo2{
    position:relative;
    float: left;
    margin-left: 14%;
    margin-top: -15px;
}

.opc{
    margin-top: 10px;
    position: relative;
    float: left;
    margin-right: 20px;
}

.hora-lb{
    font-weight: bold;
    margin-right: 10px;
}

.centered{
    text-align: center;
}

.no-margins{
    margin:0px;
}

a:visited{
    color:black;
}

a:link{
    color:black;
    text-decoration: none;
}

.save{
       background-image: -moz-linear-gradient(center top , #0088CC, #0044CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    width: 70px;
    float: right;
    margin-bottom: 12px;
    margin-right: 100px;
  
    margin-top: 35px;
}

.loginContainer{
    position:absolute;
    margin-top: 5%;
    width:35%;
    height: 40%;
    margin-left: 30%;
    margin-right: 30%;
    padding-left: 5%;
}

.ico-login{
    position:relative;
    float:left;
    margin-top: 65px;
    margin-left: -100px;
}

.header-login{
    position: relative;
    float: left;
    clear: both;
}

.loginPanel{
   float: left;
    margin-left: 75px;
    margin-top: 25px;
    position: relative;
}


.loginHeader{
    padding-top:15px;
}

.ui-inputfield{
    margin-bottom: 1px;
}

/**********CSS CLARY**********/
.confirmacion_dialog{
    margin-top: 200px;
}
.botonEnviarConsulta{
    background-image: -moz-linear-gradient(center top , #0088CC, #0044CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    width: 70px;
    float: right;
    margin-bottom: 12px;
    margin-right: 100px;
    margin-top: 10px;
}

.envioConsulta2{
    
    background-image: -moz-linear-gradient(center top , #0088CC, #0044CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    width: 70px;
    float: right;
    margin-bottom: 12px;
    margin-right: 100px;
    margin-top: 10px;
    
}

.agregarFecha{
    
    background-image: -moz-linear-gradient(center top , #0088CC, #0044CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    width: 70px;
    float: right;
    margin-bottom: 12px;
   margin-top: 35px;
    
    
}

.panelPrincipal{
    width:50%;
    margin-left: 25%;
}

/*CSS PARA LOS TIPOS DE PANELES*/
.panel-principal{
    overflow: hidden;  
    width:80%;    
    margin-left:10%;
    margin-right: 10%;
    min-height: 480px;
}
.filtros-panel{
    margin-bottom: 30px;
    margin-top: 30px;
}
.tabla_resultados{
    border: #C6C6C6; 
}
.footer{
    margin-top: 5px;  
}
.footer span{
    text-align: center;
}
.panel_border{
    border: 1px solid #CDCDCD;
    border-radius: 10px 10px 10px 10px;
}
.columnas{
    padding: 10px;
}
.columnas label{
     margin-right: 8px;
}
.colDer{
    padding: 5px;
}
.btn_exportar{
    float: right;
}
.titulo_Encabezado_Izq{
    /*color: #0084CC;*/
    font-size: 1.3em;
    line-height: 48px; 
    display:  block;
    float: left;
    
    width:50%;
}
.titulo_Encabezado_Der{
    /*color: #0084CC;*/
    font-size: 1.3em;
    line-height: 48px; 
    display:  block;
    float: right;
    text-align: right;
     width:50%;
}
.titulo_panel{
    /*color: #0084CC;*/
    font-size: 1.2em;
    font-weight: bold;
    line-height: 48px; 
}
.banner{
    overflow: hidden;
    height: 110px;;
    width: 100%;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #ffffff 81%, #e22b2b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(81%,#ffffff), color-stop(100%,#e22b2b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 81%,#e22b2b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 81%,#e22b2b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 81%,#e22b2b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 81%,#e22b2b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e22b2b',GradientType=0 ); /* IE6-8 */



}
.Logo_sive{
    float: left;
    margin-left: 80px;
}
.Logo_una{
    float: right;
    margin-right: 80px;
}
.ayuda{
    margin-left: 43px;
    margin-top: 38px;
    
}
.titulo_lista{
    font-size: 18px;
    font-weight: bold;
    list-style: none outside none;
    margin-left: 74px;
    margin-top: 17px;
}
.sublista{
      list-style: none outside none;
    margin-left: 100px;
    margin-top: 20px;
}
